<template>
	<el-dialog
		width="400px"
		:visible.sync="isShow"
		:show-close="false"
		:close-on-click-modal="false"
	>
		<template #title>
			<div class="dialog-title">提交成功</div>
		</template>
		<div class="tip">
			<p>您可以在试题列表查看最新录入的试题</p>
		</div>
		<div class="submit-btns">
			<el-button
				:class="'theme_font_color theme-border-color'"
				@click="goBackList"
			>
				返回试题列表
			</el-button>
		</div>
	</el-dialog>
</template>
<script>
	export default {
		name: "test-specification",
		props: {
			// 弹窗显示
			show: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				isShow: false
			};
		},
		watch: {
			show(val) {
				this.isShow = val;
			},
			isShow(val) {
				this.$emit("update:show", val);
			}
		},
        methods:{
            goBackList(){
               this.$emit("back");
            },
        }
	};
</script>
<style scoped lang="less">
	.dialog-title {
		text-align: center;
		font-size: 16px;
		color: #333;
	}
	.tip {
		text-align: center;
		margin-bottom: 20px;
	}
	.submit-btns {
		display: flex;
		justify-content:center;
	}
</style>
